<template>
	<div class="clips_comment_intro">

		<div class="comment_intro_title">
			<h2>官方机构</h2>
		</div>	
 		
 		<div class="comment_intro_official">

 			<div class="intro_official_icon">
 				
 			</div>

 			<p>魔法触恋制片</p>

 			<div class="intro_official_attention">
 				加关注
 			</div>

 			<div class="clear"></div>

 		</div>

 		<div class="intro_actor_title">
 			<h2>主要演员</h2>
 		</div>

 		<div class="intro_actor_gross">
 			<div class="intro_actor_singal">
 				
 			</div>
 			<p>赵又廷</p>
 			<div class="intro_actor_attention">
 				加关注
 			</div>
 			<div class="clear"></div>
 		</div>
 			<!-- 已经关注的内容 -->
 		<div class="intro_actor_gross">
 			<div class="intro_actor_singal">
 				
 			</div>
 			<p>赵又廷</p>
 			<div class="intro_actor_attention intro_already_attent">
 				已关注
 			</div>
 			<div class="clear"></div>
 		</div>
 		<!-- 相互关注的内容 -->
 		<div class="intro_actor_gross intro_together_attent">
 			<div class="intro_actor_singal ">
 				
 			</div>
 			<p>赵又廷</p>
 			<div class="intro_actor_attention ">
 				相互关注
 			</div>
 			<div class="clear"></div>
 		</div>

 		<div class="intro_clips_title">
 			 <router-link  :to="{path:'/clips/clips_comment/clips_comment_intro/master_clips'}">
 			<h2>片花简介</h2>
 			</router-link>
 		</div>
 		<div class="intro_clips_content">
 			
 			没有哪一部电视剧像与狼共舞那样，观众急切；

 		</div>

    </div>
</template>

<script>

// require('../../../less/clips/clips_comment_intro.less');

export default {
  
    name:'clips',

    

}

</script>
<style type="text/css" lang='less' scoped>
	
	/*内容简介样式开始*/

.clips_comment_intro{

	/*官方机构开始*/

	.comment_intro_title{

		margin-top:20/64rem;

		margin-left:20/64rem;

		height:30/64rem;

		width:(640-40)/640*100%;

		background:url('../../../../static/images/11/trim.png') no-repeat;

		background-size:  (640-40)/640*100%  30/64rem;

		h2{

			margin-left:8/64rem;

			margin-top:3/64rem;

			font-size:26/64rem;

	    }
	
	}
	.intro_official_icon{

	    height:65/64rem;

		width:65/64rem;

		background:url('../../../../static/images/11/head1.png') no-repeat;

		background-size:65/64rem 65/64rem;

		margin-top:30/64rem;

		margin-left:30/64rem;

		float:left;

	}	
	p{

		float:left;

		margin-left:25/64rem;

		margin-top:50/64rem;

		color:#313131;

		font-size:30/64rem;

    }
    .intro_official_attention{

		width:140/64rem;

		height:40/64rem;

		float:right;

    	background:url('../../../../static/images/16/1-1.png') no-repeat;
	
		background-size:contain;

		margin-top:50/64rem;

		color:white;

		text-align:center;

		line-height:40/64rem;

		text-indent:10/64rem;

	}
	/*官方机构结束*/

	/*主要演员*/
	.intro_actor_title{

		.comment_intro_title;

	}
	.intro_actor_gross{

		.intro_actor_singal{

			.intro_official_icon;

		}
		.intro_actor_attention{

			.intro_official_attention;

		}

		&::after{

				content:'';

				display:block;

				width:(640-40)/640*100%;

				height:1/64rem;

				margin:0 auto;

				border-bottom:1/64rem solid #ddd;

				padding:10/64rem 0 ;

		}	

	}

	/*片花简介*/
	.intro_clips_title{

		.comment_intro_title;

	}
	.intro_clips_content{

		width:(640-40)/640*100%;

		margin:50/64rem auto;

		color:#959595;

		font-size:30/64rem;

	}

}

.clear{

	clear: both;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
}
body {
  font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
  font-size: 25/64rem;
  color: #444;
}

</style>